<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<script src="js/jquery.js"></script>
	<script src="js/jquery.cycle2.min.js"></script>
	<script src="js/jquery.cycle2.swipe.min.js"></script>
<script type="text/javascript">

	  WebFontConfig = {
	    google: { families: [ 'Cabin:400,600,700,400italic,600italic,700italic:latin', 'Gentium+Basic:400,400italic:latin' ] }
	  };
	  (function() {
	    var wf = document.createElement('script');
	    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
	      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	    wf.type = 'text/javascript';
	    wf.async = 'true';
	    var s = document.getElementsByTagName('script')[0];
	    s.parentNode.insertBefore(wf, s);
	  })();
		if (window.addEventListener)
		window.addEventListener("load", initializemarquee, false)
		else if (window.attachEvent)
		window.attachEvent("onload", initializemarquee)
		else if (document.getElementById)
		window.onload=initializemarquee
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Public Library Management System</title>
<link href="css/cssmenu/menu_assets/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv5 {	position:absolute;
	left:700px;
	top:21px;
	width:323px;
	height:92px;
	z-index:1;
}
-->
</style>
<link href="css/link.css" rel="stylesheet" type="text/css" />
<link href="css/linkcolour.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style3 {color: #FFFFFF; font-weight: bold; }
-->
</style>
<link href="css/bg change.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style6 {color: #000000; font-weight: bold; }
-->
</style>
<link href="java/jquery.cycle2.min.js" rel="stylesheet" type="text/css" />
<link href="java/jquery.cycle2.swipe.min.js" rel="stylesheet" type="text/css" />
<link href="java/jquery.js" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style9 {font-size: 18}
.style11 {
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.style12 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style18 {color: #000000}
#apDiv3 {position:absolute;
	left:270px;
	top:0px;
	width:500px;
	height:70px;
	z-index:2;
}
.style19 {color: #FFFFFF}
body {
	background-color: #999999;
}
.style20 {font-size: 14px}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
-->
</style>
</head>

<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="140" align="right" background="images/banner2.jpg"><table width="900" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="516" valign="bottom">
          <div id='cssmenu'>
            <ul>
              <li class='active'><a href='index.html'><span>Home</span></a></li>
              <li class=''><a href='aboutUs.html'><span>Abouts Us</span></a></li>
              <li class='has-sub'><a href='#'><span>Catalogue</span></a>
                  <ul>
                    <li class='has-sub'><a href='lending.html'><span>Lending Collection</span></a> </li>
                    <li class='has-sub'><a href='reference.html'><span>Reference Collection</span></a> </li>
                    <li class='has-sub'><a href='special.html'><span>Special Collection</span></a> </li>
                  </ul>
              </li>
              <li class='has-sub'><a href='#'><span>My Account</span></a>
                  <ul>
                    <li class='has-sub'><a href='member.html'><span>Member</span></a> </li>
                    <li class='has-sub'><a href='staffMember.html'><span>Staff Member</span></a> </li>
                    <li class='has-sub'><a href='librarian.html'><span>Librarian</span></a> </li>
                  </ul>
              </li>
              <li><a href='services.html'><span>Services</span></a></li>
              <li class='last'><a href='contactUs.html'><span>Contact Us</span></a></li>
            </ul>
          </div>
        </div></td>
        <td width="10" height="140">&nbsp;</td>
        <td width="374" align="left" valign="middle"><table width="250" height="116" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><table width="355" height="116" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="68" align="right"><table width="250" height="67" border="0" cellpadding="0" cellspacing="2">
                      <tr>
                        <td width="87"><span class="style19">User Name </span></td>
                        <td width="163"><form id="form1" name="form1" method="post" action="">
                            <label>
                            <input type="text" name="textfield" />
                            </label>
                        </form></td>
                      </tr>
                      <tr>
                        <td><span class="style19">Password</span></td>
                        <td><form id="form2" name="form2" method="post" action="">
                            <label>
                            <input type="text" name="textfield2" />
                            </label>
                        </form></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td><form id="form3" name="form3" method="post" action="">
                        <table width="150" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td>
                                  <label>
                                  <input name="Submit" type="submit" class="active" value="Register" src="register.html" />
                                  </label>
                              </td>
                              <td>
                                  <label>
                                  <input type="submit" name="Submit2" value="Login" />
                                  </label>
                          	  </td>
                            </tr>
                        </table></form></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="right" valign="top"><table width="351" height="48" border="0" cellpadding="0" cellspacing="2">
                      <tr>
                        <td height="24" align="right"><table width="317" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="149"><input type="checkbox" name="checkbox" id="checkbox" />
                                  <span class="style19">Keep Me Login</span> </td>
                              <td width="168"><a href="#">Forgot Your Password</a> </td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="right"><table width="321" border="0" cellspacing="2" cellpadding="0">
                            <tr>
                              <td width="151"><form id="form7" name="form7" method="post" action="">
                                  <label>
                                  <input type="text" name="textfield3" />
                                  </label>
                              </form></td>
                              <td width="96"><form id="form6" name="form6" method="post" action="">
                                  <label>
                                  <select name="select">
                                    <option>Lending Collection</option>
                                    <option>Reference Collection</option>
                                    <option>Special Collection</option>
                                    <option>Children's Collection</option>
                                  </select>
                                  </label>
                              </form></td>
                              <td width="74"><form id="form5" name="form5" method="post" action="">
                                  <label>
                                  <input type="submit" name="Submit3" value="Search" />
                                  </label>
                              </form></td>
                            </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table>
   </table>
</body>
</html>